<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/node.css" />
		<style type="text/css">
			html,
			body {
				background-color: #FFFFFF;
			}
			
			div {
				background-color: #FFFFFF;
			}
		</style>
	</head>

	<body>

		<div class="mui-content">
			<div id="scroll-wrapper" style="top: 20px;" class="mui-scroll-wrapper">

				<div id="list" class="mui-scroll ">

					<div id="slider" class="mui-slider" style="max-height: 220px;">
						<div class="mui-slider-group mui-slider-loop">
							<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<img src="../images/slider/5.jpg" height="220px">
							</div>
							<!-- 第一张 -->
							<div class="mui-slider-item">
								<img src="../images/slider/1.jpg" height="220px">
							</div>
							<!-- 第二张 -->
							<div class="mui-slider-item">
								<img src="../images/slider/2.jpg" height="220px">
							</div>
							<!-- 第三张 -->
							<div class="mui-slider-item">
								<img src="../images/slider/3.jpg" height="220px">
							</div>
							<!-- 第四张 -->
							<div class="mui-slider-item">
								<img src="../images/slider/4.jpg" height="220px">
							</div>
							<!-- 第5张 -->
							<div class="mui-slider-item">
								<img src="../images/slider/5.jpg" height="220px">
							</div>
							<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<img src="../images/slider/1.jpg" height="220px">
							</div>
						</div>
						<div class="mui-slider-indicator">
							<div class="mui-indicator mui-active"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
						</div>
					</div>

					<div id="" style="margin: 20px 0px  0px  0px ;">
						<img onclick="onClick2(1)" src="../icon/type1.jpg" width="100%" style="display: block;" />
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th> <img onclick="onClick(2)" src="../icon/news/1.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick(5)" src="../icon/news/2.jpg" width="100%" style="display: block;"></th>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th> <img onclick="onClick(8)" src="../icon/news/3.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick(7)" src="../icon/news/4.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick(3)" src="../icon/news/5.jpg" width="100%" style="display: block;"></th>
							</tr>
						</table>
					</div>
					<div id="" style="margin: 20px 0px  0px  0px ;">
						<img onclick="onClick2(2)" src="../icon/type2.jpg" width="100%" style="display: block;" />
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th> <img onclick="onClick2(2)" src="../icon/action/1.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(2)" src="../icon/action/2.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(2)" src="../icon/action/3.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(2)" src="../icon/action/4.jpg" width="100%" style="display: block;"></th>
							</tr>
							<tr>
								<th> <img onclick="onClick2(2)" src="../icon/action/5.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(2)" src="../icon/action/6.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(2)" src="../icon/action/7.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(2)" src="../icon/action/8.jpg" width="100%" style="display: block;"></th>
							</tr>
						</table>
					</div>
					<div id="" style="margin: 20px 0px  0px  0px ;">
						<img onclick="onClick2(3)" src="../icon/type3.jpg" width="100%" style="display: block;" />
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th> <img onclick="onClick2(3)" src="../icon/award/1.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(3)" src="../icon/award/2.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(3)" src="../icon/award/3.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(3)" src="../icon/award/4.jpg" width="100%" style="display: block;"></th>
							</tr>
							<tr>
								<th> <img onclick="onClick2(3)" src="../icon/award/5.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(3)" src="../icon/award/6.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(3)" src="../icon/award/7.jpg" width="100%" style="display: block;"></th>
								<th> <img onclick="onClick2(3)" src="../icon/award/8.jpg" width="100%" style="display: block;"></th>
							</tr>
						</table>
					</div>
					<div id="" style="margin: 20px 0px  0px  0px ;">
						<img onclick="onClick2(4)" src="../icon/type4.jpg" width="100%" style="display: block;" />
						<img onclick="onClick3(4)" src="../icon/my.jpg" width="100%" />
					</div>

				</div>
			</div>
		</div>

		<script src="../js/mui.min.js"></script>
		<script src="../js/http.js"></script>
		<script src="../js/back.js"></script>
		<script src="../json/data1.js"></script>

		<script type="text/javascript">
			mui.init({
				swipeBack: false, //启用右滑关闭功能
			});

			function onClick3(id) {
				mui.openWindow("account/account.html", id);
			}

			function onClick2(id) {
				mui.fire(plus.webview.currentWebview().opener(), "changePage", {
					key: id
				})
			}

			function onClick(id) {
				mui.openWindow("details.html", id);
			}
			var slider = mui("#slider");
			//			var imgs = slider[0].querySelectorAll("img");
			//			for(var i = 0; i < imgs.length; i++) {
			//				var img = imgs[i];
			//				var o = data1[i];
			//				var j = i;
			//				if(i == 0) {
			//					data1[imgs.length - 2];
			//				}
			//				if(i == imgs.length - 1) {
			//					data1[1];
			//				}
			//				img.src = o.img[0];
			//				img.name = o.id;
			//				img.addEventListener("click", function() {
			//					mui.openWindow("details.html", this.name);
			//				});
			//			}
			slider.slider({
				interval: 4000
			});

			mui('#scroll-wrapper').scroll();
		</script>
	</body>

</html>